<!DOCTYPE html>
<html lang="en">
<head>
<title>huangliusong</title>
<script src="./vue.js"></script>
</head>
 
<body>

	<div id="app">
		{{test}}
	</div>

	<script type="text/javascript">
	var vm=new Vue({
		 el:"#app",
		 data:{
		 	test:"hls"
		 },
		 beforeCreate:function(){
		 	console.log("#create");
		 },
		 created:function(){
		 	console.log("#created");
		 },
		 beforeMount:function(){
		 	console.log(this.$el);
		 	console.log("#beforeMount");
		 }
		 ,
		 mounted:function(){
		 	console.log(this.$el);
		 	console.log("#Mounted");
		 },
		 beforeDestroy:function(){
		 	console.log("#beforeDestroy");
		 },
		 destroyed:function(){
		 	console.log("#destory");
		 },
		 beforeUpdate:function(){
		 	console.log("beforeUpdate");
		 },
		 updated:function(){
		 	console.log("updated");
		 }
	})
	</script>
</body>

</html>